<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>商品品牌管理</title>
<#include "../common/header.ftl"/>

    <link rel="stylesheet" href="/bootstrap/css/bootstrap.css">
    <script type="text/javascript" src="/js/plugins/fancybox/jquery.fancybox.js"></script>
    <script type="text/javascript" src="/bootstrap/js/jquery.form.js"></script>
    <link type="text/css" rel="stylesheet" href="/js/plugins/uploadifive/uploadifive.css" />
    <script type="text/javascript" src="/js/plugins/uploadifive/jquery.uploadifive.min.js"></script>
    <link rel="stylesheet" href="/bootstrap/css/qunit-1.11.0.css">
    <script type="text/javascript" src="/bootstrap/js/qunit-1.11.0.js"></script>
    <script type="text/javascript" src="/bootstrap/js/bootstrap-paginator.js"></script>
    <script type="text/javascript" src="/js/plugins/My97DatePicker/WdatePicker.js"></script>
    <link type="text/css" rel="stylesheet" href="/js/plugins/bootstrap-select/css/bootstrap-select.css" />
    <script type="text/javascript" src="/js/plugins/bootstrap-select/js/bootstrap-select.js"></script>


<script type="text/javascript">
	$(function() {
        //返回列表
        $("#goback").click(function(){
            window.location.href="/orderinfo/productReturn";
        });
	});
</script>
</head>
<body>

<div id="alert-content"></div>
<div id="alert-content"></div>

<div class="container">
		<#include "../common/top.ftl"/>
		<div class="row">
			<div class="col-sm-3">
				<#include "../common/menu.ftl" />
			</div>
			<div class="col-sm-9">
				<div class="page-header">
					<h3>退货商品信息详情</h3>
                </div>
				<form id="searchForm" class="form-inline" method="post" action="/orderinfo/productReturnDetail">
					<input type="hidden" id="currentPage" name="currentPage" value=""/>
					<div class="form-group">
                        <button type="button" class="btn btn-info" id="goback">返回退货列表</button>
						<input id="query"" hidden="true"></input>
					</div>
				</form>

				<div class="panel panel-default">
                    <h4 style="padding-left: 20px"><img border="0" src="/images/recorde.png"/>商品信息</h4>
                    <hr style="background-color: #263bc9">
                    <div class="panel panel-default">
                        <table class="table" >
                            <tr>
                                <th>商品名称</th>
                                <th>商品数量</th>
                                <th>商品单价</th>
                                <th>商品属性</th>
                                <th>金额小计</th>
                            </tr>
                            <tbody>

                            <#list orderProducts as info>
                            <tr>
                                <td style="padding-top: 10px">${info.productName}</td>
                                <td style="padding-top: 10px">${info.productNumber!""}</td>
                                <td style="padding-top: 10px">${info.productPrice!""}</td>
                                <td style="padding-top: 10px">${info.skuAttr!""}</td>
                                <td style="padding-top: 10px">${info.amount?string.currency}</td>
                            </tr>
                            </#list>

                            </tbody>
                        </table>
                        <hr>
                        <Div style="padding-bottom: 10px;padding-left: 10px; font-size: 17px" >
                            (1). 商品总额 :<font color="blue">${totalMount}</font>元, (2). 商品总数量 :<font color="blue">${number}</font>个/件
                        </Div>
                    </div>

                    <h4 style="padding-left: 20px"><img border="0" src="/images/recorde.png"/>操作记录</h4>
                    <hr style="background-color: #263bc9">
                    <div class="panel panel-default">
                        <table class="table">
                            <thead>
                            <tr align="center">
                                <th>操作者</th>
                                <th>付款状态</th>
                                <th>发货状态</th>
                                <th>操作时间</th>
                                <th>操作备注</th>
                            </tr>
                            </thead>
                            <tbody>

                            <#list orderActions as info>
                            <tr>
                                <td style="padding-top: 10px">${info.actionUser!""}</td>
                                <td style="padding-top: 10px">${info.orderStatusDisplay!""}</td>
                                <td style="padding-top: 10px">${info.shippingStatusDisplay!""}</td>
                                <td style="padding-top: 10px">${info.actionTime?string('yyyy-MM-dd')}</td>
                                <td style="padding-top: 10px">${info.actionNote!""}</td>
                            </tr>
                            </#list>
                            </tbody>
                        </table>
                    </div>
				</div>
			</div>
		</div>

	</div>
</body>
</html>